<!DOCTYE html>
<html>

<head>
  <meta charset='utf-8'>
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <button id="xhr-request">XHR 发送请求</button>
  <button id="xhr-abort">取消 XHR 请求</button>

  <div class="hr"></div>

  <button id="fetch-request">Fetch 发送请求</button>
  <button id="fetch-abort">取消 Fetch 请求</button>

  <div class="hr"></div>

  <button id="_fetch-request">_Fetch 发送请求</button>
  <button id="_fetch-abort">取消 _Fetch 请求</button>

  <div class="hr"></div>

  <button id="axios-request">Axios 发送请求</button>
  <button id="axios-abort">取消 Axios 请求</button>

</body>

<script type="text/javaScript">
    var url = 'http://yapi.demo.qunar.com/mock/16688/slowspeed?later=2'
    var data = {
      later: 2,
    };
</script>
<script type="text/javascript" src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="./xhr.js"></script>
<script type="text/javascript" src="./fetch.js"></script>
<script type="text/javascript" src="./_fetch.js"></script>
<script type="text/javascript" src="./axios.js"></script>

</html>